@use '@material/card';

@include card.core-styles;

:host([fullHeight]) {
  display: block;
  height: 100%;
}

.mdc-card {
  --mdc-theme-surface: var(--cv-theme-surface-container-lowest, #ffffff);

  box-shadow: none;

  &.cv-height-full {
    height: 100%;

    .mdc-card__primary-action {
      height: 100%;
    }
  }
}

.mdc-typography--headline5 {
  font-family: var(--mdc-typography-headline5-font-family);
  font-size: var(--mdc-typography-headline5-font-size);
  font-weight: var(--mdc-typography-headline5-font-weight);
  line-height: var(--mdc-typography-headline5-line-height);
  color: var(--mdc-theme-text-primary-on-background);
}

.mdc-card__actions {
  color: var(--mdc-theme-text-primary-on-background);
  justify-content: space-between;
}

.mdc-card__actions:first-of-type {
  border-bottom: 1px solid var(--mdc-theme-border);
  padding-left: 16px;
}

.mdc-card.mdc-card--outlined {
  background-color: var(--mdc-theme-surface);
  border-color: var(--cv-theme-outline-variant);
}
